<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>CSS Test: content: with character forced bidi - rlo</title>
    <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
    <meta name="assert" content="A right-to-left override should be applied when u+202E is inserted through the content property"/>
    <style type="text/css">* { margin: 0; padding: 0 }<![CDATA[
      .force:before {
      content: "\202E"
      }
    ]]></style>
  </head>

  <body>
    <p>The two lines below should be identical:</p>
    <p>This sentence should be readable</p>
    <p>This sentence should be <span class="force">elbadaer</span></p>
  </body>
</html>
